<!DOCTYPE html>
<html lang="en">
<head>
	<meta http-equiv="Content-type" content="text/html; charset=utf-8">
	<title>Editor Test: New Page Plugin</title>

	<script type="text/javascript" src="../boilerplate.js"></script>

	<script type="text/javascript">
		require([
			"dojo/parser",
			"dijit/Editor",
			"dijit/_editor/plugins/NewPage",
			"dojo/domReady!"
		], function(parser){
			parser.parse();
		});
	</script>
</head>
<body class="claro" role="main">
	<br>
	<br>
	<div>Content before the editor.</div>
	<br>
	<br>
	<div id="editor0" data-dojo-type="dijit/Editor"
		data-dojo-props='"aria-label":"editor0",extraPlugins:["newpage"], style:"background-color: white; width: 800px;", height:"400px" '>
		<h1>New Page Plugin details</h1>
		<ol>
			<li>The new page plugin is a small plugin that adds the capability of making a 'new page'.  In other words
			replacing all the content of the editor with some default text.  This also usually kills any undo that had been saved.</li>
		</ol>

		<h2>Things to test:</h2>
		<ol>
			<li>Verify that clicking the new page button clears the editor contents.</li>
		</ol>
	</div>
	<br>
	<br>
	<div id="editor1" data-dojo-type="dijit/Editor"
		data-dojo-props='"aria-label":"editor1",extraPlugins:[{name: "newpage", content: "&lt;p&gt;This page intentionally left blank&lt;/p&gt;"}], style:"background-color: white; width: 800px;", height:"400px" '>
		<h1>New Page Plugin details</h1>
		<ol>
			<li>The new page plugin is a small plugin that adds the capability of making a 'new page'.  In other words
			replacing all the content of the editor with some default text.  This also usually kills any undo that had been saved.</li>
		</ol>

		<h2>Things to test:</h2>
		<ol>
			<li>Verify that clicking the new page button sets the content to: &lt;p&gt;This page intentionally left blank&lt;/p&gt;</li>
		</ol>
	</div>
	<br>
	<br>
	<div>Content after the editor.</div>
</body>
</html>
